<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>警告提示</title>
    <link rel="stylesheet" href="./view/警告提示/styles.css">
</head>
<body>
<!-- 警告提示 Unnamed (Rectangle) -->
<div id="u7737" class="ax_default heading_1">
    <div id="u7737_div" class=""></div>
    <div id="u7737_text" class="text ">
        <p><span>Alert 警告提示</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7738" class="ax_default heading_1">
    <div id="u7738_div" class=""></div>
    <div id="u7738_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7739" class="ax_default label">
    <div id="u7739_div" class=""></div>
    <div id="u7739_text" class="text ">
        <p><span>静态地呈现一些警告信息，可手动关闭。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7740" class="ax_default label">
    <div id="u7740_div" class=""></div>
    <div id="u7740_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7741" class="ax_default label">
    <div id="u7741_div" class=""></div>
    <div id="u7741_text" class="text ">
        <p><span>基本使用方法，有四种样式可以选择info、success、warning、error。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7742" class="ax_default box_1">
    <div id="u7742_div" class=""></div>
    <div id="u7742_text" class="text ">
        <p><span>An info prompt</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7743" class="ax_default box_1">
    <div id="u7743_div" class=""></div>
    <div id="u7743_text" class="text ">
        <p><span>A success prompt</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7744" class="ax_default box_1">
    <div id="u7744_div" class=""></div>
    <div id="u7744_text" class="text ">
        <p><span>A warning prompt</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7745" class="ax_default box_1">
    <div id="u7745_div" class=""></div>
    <div id="u7745_text" class="text ">
        <p><span>A error prompt</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7746" class="ax_default label">
    <div id="u7746_div" class=""></div>
    <div id="u7746_text" class="text ">
        <p><span>含描述信息</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7747" class="ax_default label">
    <div id="u7747_div" class=""></div>
    <div id="u7747_text" class="text ">
        <p><span>根据内容高度自动适配外框高度。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7748" class="ax_default box_1">
    <div id="u7748_div" class=""></div>
    <div id="u7748_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">An info prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7749" class="ax_default box_1">
    <div id="u7749_div" class=""></div>
    <div id="u7749_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A success prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7750" class="ax_default box_1">
    <div id="u7750_div" class=""></div>
    <div id="u7750_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A warning prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7751" class="ax_default box_1">
    <div id="u7751_div" class=""></div>
    <div id="u7751_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A error prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7752" class="ax_default label">
    <div id="u7752_div" class=""></div>
    <div id="u7752_text" class="text ">
        <p><span>图标</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7753" class="ax_default label">
    <div id="u7753_div" class=""></div>
    <div id="u7753_text" class="text ">
        <p><span>图标在单行和多行警告中的实现方式相同。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7754" class="ax_default" data-left="230" data-top="822" data-width="530" data-height="35">

    <!-- Unnamed (Rectangle) -->
    <div id="u7755" class="ax_default box_1">
        <div id="u7755_div" class=""></div>
        <div id="u7755_text" class="text ">
            <p><span>An info prompt</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7756" class="ax_default label">
        <div id="u7756_div" class=""></div>
        <div id="u7756_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7757" class="ax_default" data-left="230" data-top="867" data-width="530" data-height="35">

    <!-- Unnamed (Rectangle) -->
    <div id="u7758" class="ax_default box_1">
        <div id="u7758_div" class=""></div>
        <div id="u7758_text" class="text ">
            <p><span>A success prompt</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7759" class="ax_default label">
        <div id="u7759_div" class=""></div>
        <div id="u7759_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7760" class="ax_default" data-left="230" data-top="912" data-width="530" data-height="35">

    <!-- Unnamed (Rectangle) -->
    <div id="u7761" class="ax_default box_1">
        <div id="u7761_div" class=""></div>
        <div id="u7761_text" class="text ">
            <p><span>A warning prompt</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7762" class="ax_default label">
        <div id="u7762_div" class=""></div>
        <div id="u7762_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7763" class="ax_default" data-left="230" data-top="957" data-width="530" data-height="35">

    <!-- Unnamed (Rectangle) -->
    <div id="u7764" class="ax_default box_1">
        <div id="u7764_div" class=""></div>
        <div id="u7764_text" class="text ">
            <p><span>A error prompt</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7765" class="ax_default label">
        <div id="u7765_div" class=""></div>
        <div id="u7765_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7766" class="ax_default box_1">
    <div id="u7766_div" class=""></div>
    <div id="u7766_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">An info prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7767" class="ax_default box_1">
    <div id="u7767_div" class=""></div>
    <div id="u7767_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A warning prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7768" class="ax_default box_1">
    <div id="u7768_div" class=""></div>
    <div id="u7768_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A error prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Custom error description copywriting.</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7769" class="ax_default label">
    <div id="u7769_div" class=""></div>
    <div id="u7769_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7770" class="ax_default" data-left="800" data-top="909" data-width="530" data-height="77">

    <!-- Unnamed (Rectangle) -->
    <div id="u7771" class="ax_default box_1">
        <div id="u7771_div" class=""></div>
        <div id="u7771_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A success prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7772" class="ax_default label">
        <div id="u7772_div" class=""></div>
        <div id="u7772_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7773" class="ax_default label">
    <div id="u7773_div" class=""></div>
    <div id="u7773_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7774" class="ax_default label">
    <div id="u7774_div" class=""></div>
    <div id="u7774_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7775" class="ax_default box_1">
    <div id="u7775_div" class=""></div>
    <div id="u7775_text" class="text ">
        <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">An info prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Custom icon copywriting. Custom icon copywriting. Custom icon copywriting.</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7776" class="ax_default label">
    <div id="u7776_div" class=""></div>
    <div id="u7776_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7777" class="ax_default label">
    <div id="u7777_div" class=""></div>
    <div id="u7777_text" class="text ">
        <p><span>可关闭</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7778" class="ax_default label">
    <div id="u7778_div" class=""></div>
    <div id="u7778_text" class="text ">
        <p><span>显示关闭按钮，点击可关闭提示，也可以自定义关闭 slot 。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7779" class="ax_default box_1">
    <div id="u7779_div" class=""></div>
    <div id="u7779_text" class="text ">
        <p><span>An info prompt</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7780" class="ax_default" data-left="230" data-top="1406" data-width="530" data-height="77">

    <!-- Unnamed (Rectangle) -->
    <div id="u7781" class="ax_default box_1">
        <div id="u7781_div" class=""></div>
        <div id="u7781_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:500;">A success prompt</span></p><p style="font-size:12px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:400;">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7782" class="ax_default label">
        <div id="u7782_div" class=""></div>
        <div id="u7782_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7783" class="ax_default label">
    <div id="u7783_div" class=""></div>
    <div id="u7783_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7784" class="ax_default label">
    <div id="u7784_div" class=""></div>
    <div id="u7784_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7785" class="ax_default box_1">
    <div id="u7785_div" class=""></div>
    <div id="u7785_text" class="text ">
        <p><span>A warning prompt</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7786" class="ax_default label">
    <div id="u7786_div" class=""></div>
    <div id="u7786_text" class="text ">
        <p><span>no longer prompt</span></p>
    </div>
</div>
</body>
</html>
